<template>
<div class="lyx-info">
{{id}}
<el-form :model="obj" label-width="180px" class="mt20">

	<el-form-item label="网格名称："  >
		{{obj.company_name}}
	</el-form-item>

	<el-form-item label="网格级别："  >
		{{obj.type}}
	</el-form-item>

	<el-form-item label="网格长："  style="letter-spacing: 4px">
		{{obj.name}}
	</el-form-item>

	<el-form-item label="联系电话："  >
		{{obj.mobile}}
	</el-form-item>
</el-form>

</div>
</template>

<script>

import { mapGetters } from 'vuex'

export default {
	
	name : 'info',
	
	data () {
		return {
		  	obj : {},
		}
	},

	props : {
		gridid : {
			type : String,
			default : '',
		}
	},

	components : {
		
	},

	computed : {
		...mapGetters([
			
		]),

		id () {
			if(this.gridid == '') return '';
			this.$http({
				fun : 'homeGridInfo',
				grid_id : this.gridid,
				cb : res => {
					console.log(res);
					this.obj = res;
				}
			});
			return "";
		}
	},

	methods : {
		init () {
			// this.$http({
			// 	fun : 'homeGridInfo',
			// 	grid_id : this.gridid,
			// 	cb : res => {
			// 		console.log(res);
			// 		this.obj = res;
			// 	}
			// });
		},
	},

	watch : {
	    
	},

	mounted () {
		this.init();
	},

}
</script>

<style scoped>
    .lyx-info .el-form-item{
        margin-bottom: 0px;
    }
    .lyx-info>>> .el-form-item__label{
        font-weight: bold;
    }
</style>
